<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			{{msg}}
			<!-- 要操纵Vue的数据，必须设置一个指令 v-model
				1、操纵页面View，数据Model发生变化
				2、操纵数据Model，页面元素内容View随之改变
				Vue和js、jquery的本质区别：
				1、js有一套专门的api
				2、jQuery本质是封装了js，简化js写法
				3、Vue完全不同思路，只需要操作数据，不同组件操作方式完全相同，只需要操作数据
			-->
			<input type="text" name="address" id="address" value="这是value" v-model="msg" />
		</div>
		<div id="add">
			{{baby}}
		</div>
	</body>
	<script>
		var vm = new Vue({
			el:"#app",
			data:{
				msg:"hello vue js"
			}
		});
		new Vue({
			el:"#add",
			data:{
				baby:"baby个鸡儿"
			}
		});
	</script>
	
</html>
